<style >
<!--
 #banner {
   width:899px;
   height:344px;
   float:left;
 }
 
 #banner_pic{
   height:268px;
   width:899px;
   background:blue url(modules/mod_banner/images/banner_pic.jpg) left top;
 }
 
 #intro{
 	height:218px;
 	width:218px;
    background:black;
    list-style:none;
	float:right;
	margin-right:25px;
	margin-top:25px;
	filter:Alpha(opacity=30);
 }
 
 #tabs li {
 	list-style:none;
 	float:left;
 }
 
 #tab1{
  	height:77px;
 	width:300px;
 	background:#fff url(modules/mod_banner/images/banner_1.png) left top;;
 }
 
 #tab2{
  	height:77px;
 	width:263px;
 	background:#fff url(modules/mod_banner/images/banner_2.png) left top;;
 }
 
 #tab3{
  	height:77px;
 	width:336px;
 	background:#fff url(modules/mod_banner/images/banner_3.png) left top;;
 }
-->
</style>


<div id="banner">
	<ul id="banner_pic">
		<li id="intro"> </li>
    </ul>

	<ul id="tabs">
		<li id="tab1"></li>
		<li id="tab2"></li>
		<li id="tab3"></li>
	</ul>
</div>

